﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="~/User/HomePage.aspx.cs" Inherits="ELearningSystem.UI.User.HomePage" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit, Version=4.1.51116.0, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        #videoContent_div
        {
            width: 640px;
        }
        #actionButton_div
        {
            width: 640px;
            margin-top: 0px;
        }
        
        #tab_div
        {
            width: 640px;
        }
        #content_div
        {
            width: 640px;
            float: left;
        }
        #content_wrapper
        {
            border-top: 1px;
            border-top-color: gray;
            border-top-style: thin;
            box-shadow: 0 1px 0 0 gainsboro inset;
            width: 959px;
            margin-right: 0px;
            margin-bottom: 50px;
            margin-top: 5px;
        }
        #practice_div
        {
            width: 640px;
            height: 241px;
        }
        #comment_div 
        {
            margin-top: 30px;
            width: 600px;
            height: auto;
            padding: 5px;
            padding-right: 10px;
        }
        #comment_section:hover 
        {
            background-color: whitesmoke;
            box-shadow: 1px 1px 1px 1px green;
            
        }
        #comment {
            border-bottom: solid;
            border-bottom-color: gray;
            border-bottom-style: inset;
            padding: 5px 5px 20px 10px;
            
        }
       
        .style2
        {
            font-style: normal;
            font-size: larger;
        }
       
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ScoreContent" runat="server">
    <div id="score_home_div" runat="server">
    <p>
        Total Practices :
                        <asp:Label ID="totalPracticeLabel" runat="server" 
            CssClass="yellowColor"></asp:Label>
    </p>
    <p>
         Attemted
                        <asp:Label ID="attemptedOnTotalLabel" runat="server" 
             CssClass="yellowColor"></asp:Label>% On Total
    </p>
    <p>
         Passed
                        <asp:Label ID="passedOnTotal" runat="server" 
             CssClass="yellowColor"></asp:Label>% On Total
    </p>
    <p>
         Passed
                        <asp:Label ID="pasedOnAttempted" runat="server" 
             CssClass="yellowColor"></asp:Label>% On Attempted
    </p>
    </div>
</asp:Content>
<asp:Content ID="Content3" runat="server" contentplaceholderid="MainContent">
    
        <div id="content_wrapper">
            <div id="content_div">
                <div id="actionButton_div" runat="server" style="float: left">
                    <table style="width: 640px">
                        <tr>
                            <td>
                                <asp:Button ID="previousButton" runat="server" BackColor="#006600" 
                                    BorderStyle="Double" Font-Bold="True" ForeColor="White" Height="38px" 
                                    style="margin-left: 0" Text="< Previous" Width="122px" OnClick="previousButton_Click"/>
                            </td>
                            <td>
                                <asp:Button ID="nextButton" runat="server" BackColor="#006600" 
                                    BorderStyle="Double" Font-Bold="True" ForeColor="White" Height="38px" 
                                    style="margin-left: 386px" Text="  Next >" Width="122px" OnClick="nextButton_Click"/>
                            </td>
                        </tr>
                    </table>
                </div>
                <div id="videoContent_div" runat="server" style="width: 640px; margin-top: 10px; float: left">
                    <iframe id="videoFrame" width="635px" runat="server" allowfullscreen="true" frameborder="0" 
                        height="400px" name="I1" src="<%#contentLink%>"></iframe>
                </div>
                <div id="tab_div" runat="server" style="width: 642px; margin-top: 10px; margin-bottom: 50px; float: left">
                     <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
                    </asp:ToolkitScriptManager>
                    <asp:TabContainer ID="contentTabContainer" Width="634px" runat="server" 
                          ActiveTabIndex="1" ForeColor="Black" BackColor="Green" 
                         BorderStyle="NotSet">
                        <asp:TabPanel runat="server" ID="DescriptionPanel">
                            <HeaderTemplate>
                                Description</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="descriptionLabel" runat="server" Text="Description:"></asp:Label>
                                <div>
                                    <asp:ListView runat="server" ID="descriptionsListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div class="description_div">
                                                        <div class="floatleft">
                                                            <asp:Label ID="descriptionTextLabel" runat="server" Text='<%# Eval("Text") %>' />
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel runat="server" ID="CommentsPanel">
                            <HeaderTemplate>
                                Comments</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="commentsLabel" runat="server" Text="Comments:"></asp:Label>
                                <div>
                                    <asp:TextBox ID="commentsTextBox" runat="server" Width="400px" Rows="4" TextMode="MultiLine"
                                        Font-Italic="True" Font-Names="Comic Sans MS" ForeColor="#660066" AutoCompleteType="Search"
                                        MaxLength="200" CausesValidation="True" ValidationGroup="Range"></asp:TextBox>
                                    <asp:Button ID="saveCommentButton" runat="server" Text="Post" OnClick="saveCommentButton_Click"
                                        ValidationGroup="Range" />
                                </div>
                                <div>
                                    <asp:ListView runat="server" ID="commentsListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td id="comment_section">
                                                    <div id="comment_div">
                                                        <div id="comment" style="width: inherit; ">
                                                            <p style="width: inherit; text-align: left">
                                                                <%#Eval("Text") %>
                                                            </p>
                                                        </div>
                                                        <div id="comment_user_information" style="width: inherit">
                                                            <p style="width: 50%;color:darkgreen; font-style:oblique;display: block; float:left;padding-right: 10px">
                                                                <%#Eval("Learner.Name") %>
                                                            </p>
                                                            <p style="width:40%;color: gray;text-effect: engrave;display: block;float:left">
                                                                <%#Eval("Date")%>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel runat="server" HeaderText="Materials" ID="MaterialsPanel">
                            <HeaderTemplate>
                                Materials</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="materialsLabel" runat="server" Text="Materials"></asp:Label>
                                <div>
                                    <asp:ListView runat="server" ID="MaterialListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div class="materials_div">
                                                        <div style="float: right; width: 660px">
                                                            <a href='<%# Eval("Link") %>'>
                                                                <asp:Label ID="linkLabel1" runat="server" Text='<%# Eval("Link") %>' /></a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel runat="server" HeaderText="References" ID="ReferencePanel">
                            <HeaderTemplate>
                                References</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="referencesLabel" runat="server" Text="References:"></asp:Label>
                                <div>
                                    <asp:ListView runat="server" ID="referencesListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div class="material_div">
                                                        <div style="float: right; width: 90%">
                                                            <a href='<%# Eval("Link") %>'>
                                                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("Link") %>' /></a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                    </asp:TabContainer>
                </div>
           
            
            <div id="practice_div" runat="server" style="width: 640px; margin-top: 10px; margin-bottom:200px; float: left">
                 <div>
                <asp:Label ID="questionResponseLabel" runat="server"></asp:Label>
                </div>
                <div id="question_div" style=" width: 640px;">
                        <span class="style2">Question:</span>
                        <asp:Label ID="questionLabel" runat="server" Style="color: black" Font-Size="Large"
                            ForeColor="Black" Font-Names="Arial"></asp:Label>
                  
                </div>
                <div style="border-left: thin none #C0C0C0; border-right: thin none #C0C0C0; border-top: thin inset #C0C0C0; border-bottom: thin none #C0C0C0; width: 640px; margin-top: 10px;">
                    <asp:Label ID="selectAnswerStatementLabel" runat="server" Font-Italic="True"></asp:Label>
                    <br />
                    <asp:CheckBoxList ID="answerCheckBoxList" runat="server" Style="color:black;
                        margin-left: 52px; margin-top: 7px;" Font-Bold="False" 
                        Font-Names="Times New Roman" Font-Size="Large">
                    </asp:CheckBoxList>
                    <asp:RadioButtonList ID="answerRadioButtonList" runat="server" Style="color: black;
                        margin-left: 49px" Font-Names="Times New Roman" Font-Size="Large">
                    </asp:RadioButtonList>
                    <asp:Button ID="okButton" runat="server" 
                        Style="margin-left: 56px; margin-top: 48px;" Text="OK" 
                        OnClick="okButton_Click" BackColor="#006600" BorderColor="White" 
                        ForeColor="White" Height="38px" Width="122px" BorderStyle="Double" 
                        Font-Bold="True" />
                </div>
               
            </div>
             </div>
             <div id="menu_div" runat="server" 
                
                
                style="float: left; background:whitesmoke url('../images/bg04.png') repeat scroll 0 0; box-shadow: 1px 1px 1px 1px green; margin-left: 15px;margin-top: 58px; margin-right: 0px;overflow: auto;display:block; height: 398px; width: 298px;">
                <asp:TreeView ID="playlistTreeView" runat="server" 
                    DataSourceID="treeDataSource" ExpandDepth="1" Font-Bold="True" 
                    Font-Names="Arial" ForeColor="#006600" 
                    OnSelectedNodeChanged="playlistTreeView_SelectedNodeChanged" 
                    ViewStateMode="Enabled" Width="96%" Height="175px">
                    <SelectedNodeStyle BackColor="#006600" Font-Bold="True" ForeColor="White" />
                </asp:TreeView>
                <asp:XmlDataSource ID="treeDataSource" runat="server" EnableCaching="False">
                </asp:XmlDataSource>
            </div>
          </div>
    
  </asp:Content>


